.whole{
	width: 100%;
	height: 100%;
    margin-top: 1.8rem;
}
.mw{
	width: 100%;
}
.mh{
	height: 100%;
}
.upload-div {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    z-index: 3;
    top: 0;
    opacity: 0.3;
    /*display: none;*/
}
.Conter{
	width: 8.27rem;
	height: 11.68rem;
	box-shadow: 0 1px 6px 0 rgba(140,140,140,0.50);
	margin: auto;
	margin-top: 0.266667rem;
}
.renewal{
	color: #FFFFFF;
	z-index: 4;
}
.renewal>img {
    height: 0.4rem;
}
.input{
    width: 10rem;
    height: 5rem;
    background-color: #FFFFFF;
    outline: 0;
    z-index: 100;
    margin-top: 0.2rem;
}
.upload-img{
		text-align: center;
}
/*第一页*/
.content1{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b1.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe{
	position: relative;
	text-align: center;

}
.album-old{
	width: 100%;
	height: 100%;

}
.renewal{
		position: absolute;
		text-align: center;
}
.r1{
margin-top: 64%;
    margin-left: 36%;
}
.img1{
	width: 6.69rem;
	height:4.93rem;
	position: absolute;
	margin-left:0.8rem;
	margin-top: 3.41rem;
	overflow: hidden;
}
.text1{
position: absolute;
    width: 9.5rem;
    height: 2.8rem;
    margin-left: -0.65rem;
    margin-top: 8.5rem;
    transform: scale(0.7,0.7);
	
}
/*第二页*/
.content2{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b2.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe2{
	position: relative;
	text-align: center;

}
.img2{
	width:4.026666rem;
	height:5.36rem;
	 transform: rotate(12.04deg);
	position: absolute;
	margin-left:1.05333rem;
	margin-top:1.253333rem;
	overflow: hidden;
}
.r2{
	margin-top: 41%;
    margin-left: 26%;
}
.photoframe3{
	position: relative;
	text-align: center;
	margin-top: 5.9rem;
}
.r3{
	margin-left: 33%;
    margin-top: 27%;
}
.img3{
	width: 5.36rem;
	height: 4.026666rem;
	 transform: rotate(-6.71deg);
	position: absolute;
	right: 1.853333rem;
	margin-top:0.6666rem;
	overflow: hidden;
}
.photoframe2-img{
	position: absolute;
	margin-left: 0.21333rem;
	margin-top: 6.186666rem;
	z-index: 2;
}
.Input2{
	color: #333;
	overflow: hidden;
}
.text2{
	width: 2.3rem;
    height: 6.8rem;
    position: absolute;
    margin-top: 1.3rem;
    right: 0.1rem;
    transform: scale(0.7,0.7);
    writing-mode: vertical-rl;
	
}
/*第3页*/
.content3{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b3.png) no-repeat;
	background-size:contain;
	position: relative;
}
.photoframe4{
	position: relative;
	text-align: center;
	
}

.img4{
	    position: absolute;
    width: 3.49333rem;
    height: 4.666rem;
    margin-top: 1.8rem;
    margin-left: 0.47rem;
    overflow: hidden;
}
.r4{
    margin-left: 14%;
    margin-top: 44%;
}
.img5{
	text-align: center;
    position: absolute;
    width: 4.16rem;
    height: 3.12rem;
    margin-top: 4.026666rem;
    right: 0.506666rem;
    overflow: hidden;
    box-sizing: border-box;
    z-index: 2;
    border: 0.15rem solid #ffffff;
}
.r5{
	margin-left: 55%;
    margin-top: 62%;
}
.r6{
	 margin-left: 30%;
    margin-top: 100%;
}
.img6{
	width: 5.85rem;
    height: 4.32rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.42666rem;
    margin-top:6.77333rem;
 	text-align: center;
}
.text{
	overflow: hidden;
    border: 1px solid;
}
.text3{
    width: 4.7rem;
    height: 1.8rem;
    position: absolute;
    right: -0.2rem;
    margin-top: 2rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第四页*/
.content4{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b4.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r7{
	    margin-left: 37%;
    margin-top: 21%;
}
.img7{
	width: 4.96rem;
    height:2.826666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.533333rem;
    margin-top: 0.2933333rem;
 	text-align: center;
}
.img8{
	width: 4.986666rem;
    height:2.8rem;
    overflow: hidden;
    position: absolute;
    margin-left:2.533333rem;
   margin-top:3.306666rem;
    text-align: center;
}
.img9{
	width: 4.32rem;
    height: 2.4266666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.72rem;
    margin-top: 6.3466666rem;
    text-align: center;
}
.img10{
 width: 4.32rem;
    height: 2.4266666rem;
    overflow: hidden;
    position: absolute;
   margin-left: 3.2rem;
   margin-top: 8.906666rem;
    text-align: center;
}
.text4{
	 position: absolute;
    width: 2.9rem;
    height: 2.7rem;
    margin-top: 8.6rem;
    margin-left: 0.3rem;
    transform: scale(0.7,0.7);
}
/*第5页*/
.content5{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b5.png) no-repeat;
	background-size:contain;
	position: relative;
}

.r11{
	    margin-left: 59%;
    margin-top: 20%;
}
.img11{
       width: 3.36rem;
    height:2.0266666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 4.3466666rem;
    margin-top:1.226666rem;
    text-align: center;
}
.r12{
	  margin-left: 14%;
    margin-top: 50%;
}
.img12{
	width:3.36rem;
    height: 5.44rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.66666rem;
 margin-top: 1.9466666rem;
}
.r13{
 margin-left: 58%;
    margin-top: 95%;
}
.img13{
	width:3.36rem;
    height:4.906666rem;
     overflow: hidden;
    position: absolute;
    margin-left:4.266666rem;
    margin-top:5.946666rem;
}

.text5{
	width: 4.5rem;
    height: 3rem;
    position: absolute;
    margin-top: 3rem;
    border: 1px solid;
    right: 0;
     transform: scale(0.7,0.7);
}
.text8{
	    width: 3.42666rem;
    height: 3.7rem;
    position: absolute;
    margin-left: 0.5rem;
    margin-top: 8rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第6页*/
.content6{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b6.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r16{
	    margin-left: 31%;
    margin-top: 56%;
}
.img16{
	width: 5.3333rem;
    height:7.28rem;
    overflow: hidden;
    position: absolute;
    margin-left: 1.04rem;
    margin-top: 1.573333rem;
}
.text6{
	    width: 6.69333rem;
    height: 2.5rem;
    position: absolute;
    margin-left: 1.7rem;
    margin-top: 9rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第7页*/
.content7{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b7.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r17{
	    margin-left: 41%;
    margin-top: 27%;
}
.img17{
	width: 6.213333rem;
    height: 4rem;
    overflow: hidden;
    position: absolute;
    margin-left: 1.44rem;
    margin-top:0.906666rem;
}
.r18{
	margin-left: 33%;
    margin-top: 99%;
}
.img18{
	width: 6.213333rem;
    height: 4rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.613333rem;
    margin-top:6.6933333rem;
}
.text9{
	    width: 6rem;
    height: 2rem;
    position: absolute;
    margin-left: 2rem;
    margin-top: 4.8rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第8页*/
.content8{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b8.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r19{
	 margin-left: 16%;
    margin-top: 39%;
}
.img19{
	width: 3.46666rem;
    height:4.45333rem;
    overflow: hidden;
    position: absolute;
  margin-left: 0.58rem;
    margin-top:1.573333rem;
     transform: rotate(-3.48deg);
}
.r20{
	margin-left: 59%;
    margin-top: 45%;
}
.img20{
	width: 3.413333rem;
    height:4.426666rem;
    overflow: hidden;
    position: absolute;
   margin-left:4.266666rem;
    margin-top:2.0266666rem;
      transform: rotate(2.7deg);
}
.r21{
	margin-left: 14%;
    margin-top: 98%;
}
.img21{
	width: 3.173333rem;
    height:4.08rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.693333rem;
    margin-top:6.61333rem;
    transform: rotate(-3.76deg);
}
.r22{
	margin-left: 57%;
    margin-top: 102%;
}
.img22{
	width: 3.6rem;
    height:4.773333rem;
    overflow: hidden;
    position: absolute;
    margin-left:4.08rem;
    margin-top:6.53333rem;
   
}
.text7{
	      width: 4.59333rem;
    height: 2rem;
    position: absolute;
    margin-left: 3.85333rem;
    margin-top: 0.1rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第9页*/
.content9{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b9.png) no-repeat;
	background-size:contain;
	position: relative;
}
.img27{
       width:6.906666rem;
    height:2.586666rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.746666rem;
    margin-top: 0.56rem;
    text-align: center;
}
.img23{
	width:6.2133333rem;
    height:2.3466666rem;
    overflow: hidden;
    position: absolute;
   margin-left: 0.746666rem;
    margin-top: 3.3066666rem;
}
.img24{
	width:3.0666666rem;
    height:5.4133333rem;
     overflow: hidden;
    position: absolute;
    margin-left: 0.6rem;
    margin-top:5.84rem;
}
.img25{
	width:2.293333rem;
    height:3.76rem;
    overflow: hidden;
    position: absolute;
    margin-left:4rem;
    margin-top:7.4933333rem;
}
.text10{
    width: 5rem;
    height: 2.5rem;
    position: absolute;
    margin-left: 3.2rem;
    margin-top: 5.4rem;
    transform: scale(0.7,0.7);
}
/*第10页*/
.content10{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b10.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r28{
	       margin-left: 13%;
    margin-top: 39%;
}
.r29{
	   margin-left: 59%;
    margin-top: 89%;

}
.img28{
		width: 3.36rem;
    height: 5.6rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.56rem;
    margin-top: 1.04rem;
}

.img29{
		width: 3.36rem;
    height: 5.6rem;
    overflow: hidden;
    position: absolute;
    margin-left:4.346666rem;
    margin-top: 5.173333rem;
}
.text11{
	    width: 4.59333rem;
    height: 4rem;
    position: absolute;
    margin-left: 3.8rem;
    margin-top: 1.4rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
.text12{
	width: 4.59333rem;
    height: 4rem;
    position: absolute;
    margin-left: 0rem;
    margin-top: 7.3rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第11页*/
.content11{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b11.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r30{
	     margin-left: 43%;
    margin-top: 20%;
}
.r31{
	      margin-left: 12%;
    margin-top: 56%;
}
.r32{
	margin-left: 27%;
    margin-top: 84%;
}
.r33{
	    margin-left: 69%;
    margin-top: 102%;
}
.img30{
  width: 7.6266666rem;
    height: 2.88rem;
    overflow: hidden;
    position: absolute;
    margin-left: 0.373333rem;
    margin-top: 0.3733333rem;
}
.img31{
		width: 4.88rem;
    height:2.10666666rem;
    overflow: hidden;
    position: absolute;
    margin-left:3.2rem;
    margin-top: 3.65333333rem;
}
.img32{
		width: 4.88rem;
    height:2.10666666rem;
    overflow: hidden;
    position: absolute;
    margin-left:3.2rem;
    margin-top: 6.02666666rem;
}
.img33{
		width: 2.3733333rem;
      height: 4.1333333rem;
    overflow: hidden;
    position: absolute;
     margin-left: 0.406666rem;
    margin-top: 6.5866666rem;
}
.text13{
	      width: 3.5rem;
    height: 3rem;
    position: absolute;
    margin-left: -0.2rem;
    margin-top: 3.7rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
.text14{
	width: 6.3rem;
    height: 3rem;
    position: absolute;
    margin-left: 2.5rem;
    margin-top: 8rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第12页*/
.content12{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b12.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r34{
    margin-left: 17%;
    margin-top: 31%;
}
.r35{
	  margin-left: 58%;
    margin-top: 46%;
}
.r36{
margin-left: 12%;
    margin-top: 96%;
}
.img34{
		width: 2.96rem;
      height: 4.88rem;
    overflow: hidden;
    position: absolute;
     margin-left: 1.01333rem;
    margin-top: 0.72rem;
}
.img35{
		width: 3.36rem;
      height:5.6rem;
    overflow: hidden;
    position: absolute;
     margin-left: 4.266666rem;
    margin-top: 1.73333rem;
}
.img36{
		width: 2.933333rem;
      height: 4.88rem;
    overflow: hidden;
    position: absolute;
     margin-left: 0.69333rem;
    margin-top: 6.106666rem;
}
.text15{
	width: 4rem;
    height: 3rem;
    position: absolute;
    margin-left: 4rem;
    margin-top: 7.8rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第13页*/
.content13{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b13.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r37{
     margin-left: 40%;
    margin-top: 35%;
}
.r38{
	    margin-left: 33%;
    margin-top: 70%;
}
.r39{
    margin-left: 37%;
    margin-top: 108%;
}
.img37{
		width: 7.06666rem;
      height: 2.64rem;
    overflow: hidden;
    position: absolute;
     margin-left: 0.826666rem;
    margin-top: 2.1333333rem;
}
.img38{
	width: 7.04rem;
     height: 2.6666666rem;
    overflow: hidden;
    position: absolute;
     margin-left: 0.32rem;
    margin-top: 4.9066666rem;
}
.img39{
	width: 7.06666rem;
     height: 2.6666666rem;
    overflow: hidden;
    position: absolute;
     margin-left: 0.906666rem;
    margin-top: 8.293333rem;
}
.text16{
	    width: 8rem;
    height: 2.4rem;
    position: absolute;
    margin-left: 0.5rem;
    margin-top: -0.2rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
/*第14页*/
.content14{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b14.png) no-repeat;
	background-size:contain;
	position: relative;
}
.r40{
	    margin-left: 24%;
    margin-top: 16%;
}
.r41{
	    margin-left: 5%;
    margin-top: 50%;
}
.r42{
	    margin-left: 33%;
    margin-top: 69%;
}
.r43{
	     margin-left: 65%;
    margin-top: 97%;
}
.img40{
   width:5.04rem;
    height:1.893333rem;
    overflow: hidden;
    position: absolute;
    margin-left:0.3466666rem;
    margin-top: 0.853333rem;
}
.img41{
		width: 2.32rem;
    height:4.106666rem;
    overflow: hidden;
    position: absolute;
  margin-left:0.3466666rem;
    margin-top: 3.14666666rem;
}
.img42{
		width: 2.3466666rem;
    height:4.08rem;
    overflow: hidden;
    position: absolute;
    margin-left:2.8533333rem;
    margin-top: 5.04rem;
}
.img43{
		width: 2.3466666rem;
    height:4.08rem;
    overflow: hidden;
    position: absolute;
     margin-left: 5.41333333rem;
    margin-top: 7.12rem;
}
.text17{
	    width: 3.3rem;
    height: 5.6rem;
    position: absolute;
    margin-left: 5rem;
    margin-top: 0.3rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}
.text18{
	width: 6rem;
    height: 3rem;
    position: absolute;
    margin-left: 0rem;
    margin-top: 8.2rem;
    border: 1px solid;
    transform: scale(0.7,0.7);
}


/*语音*/
.In{
    width: 10rem;
    height: 5rem;
    display: none;
    z-index:100;
    position: fixed;
    margin-left: -9%;
    bottom:0%;
}
.wan,.qu{
	position: absolute;
	font-size: 16px;
	color:rgb(135,225,163);
	right:0.42rem ;
	margin-top: 0.5rem;
	    width: 1rem;
}
.qu{
	left:0.42rem ;
	color: gb(255,255,255);
}
/*调整视频的位置*/
.img1>.vedioToCode{
  margin: -3% 8%;
}
.bofang1{
	position: absolute;
          margin-left: -5%;
    margin-top: 36%;
}

.img2>.vedioToCode{
   margin: 10% -7%;
}
.bofang2{
	position: absolute;
        margin-left: -5%;
    margin-top: 50%;
}
.img3>.vedioToCode{
       margin: -3% 9%;
}
.bofang3{
	position: absolute;
      margin-left: -4%;
    margin-top: 32%;
}
.img4>.vedioToCode{
       margin: 21% 2%;
}
.bofang4{
	position: absolute;
    margin-left: -3%;
    margin-top: 33%;
}
.img5>.vedioToCode{
       margin: -4% 11%;
}
.bofang5{
	position: absolute;
     margin-left: -3%;
    margin-top: 27%;

}
.img6>.vedioToCode{
       margin: 0% 11%;
}
.bofang6{
	position: absolute;
   margin-left: -5%;
    margin-top: 26%;
}
.img7>.vedioToCode{
         margin: -5% 17%;
}
.bofang7{
	position: absolute;
      margin-left: -5%;
    margin-top: 26%;
}
.img8>.vedioToCode{
 margin: -5% 17%;
}
.bofang8{
	position: absolute;
     margin-left: -6%;
    margin-top: 27%;
}
.img9>.vedioToCode{
        margin: -4% 18%;
}
.bofang9{
	position: absolute;
     margin-left: -6%;
    margin-top: 25%;
}
.img10>.vedioToCode{
         margin: -4% 18%;
}
.bofang10{
	position: absolute;
    margin-left: -5%;
    margin-top: 26%;
}
.img11>.vedioToCode{
     margin: -3% 19%;
    width: 2.3rem;
}
.bofang11{
	    position: absolute;
      margin-left: -6%;
    margin-top: 28%;
}
.img12>.vedioToCode{
   margin: 28% -7%;
}
.bofang12{
	position: absolute;
   margin-left: -2%;
    margin-top: 50%;
}
.img13>.vedioToCode{
       margin: 18% -7%;
}
.bofang13{
	position: absolute;
 margin-left: -6%;
    margin-top: 48%;
}
.img14>.vedioToCode{
    margin: 19% 4%;
    width: 2.7rem;
    height: 2.7rem;
}
.bofang14{
	position: absolute;
   margin-left: -15%;
    margin-top: 28%;
}
.img15>.vedioToCode{
    margin: 2% 15%;
    width: 2rem;
    height: 2rem;
}
.bofang15{
	position: absolute;
    margin-left: -12%;
    margin-top: 23%;
}
.img16>.vedioToCode{
   margin: 14% -7%;
}
.bofang16{
	    position: absolute;
        margin-left: -5%;
    margin-top: 48%;
}
.img17>.vedioToCode{
  margin: -4% 13%;
}
.bofang17{
	    position: absolute;
    margin-left: -5%;
    margin-top: 31%;
}
.img18>.vedioToCode{
      margin: -4% 13%;
}
.bofang18{
	    position: absolute;
       margin-left: -3%;
    margin-top: 31%;
}
.img19>.vedioToCode{
       margin: 8% -6%;
}
.bofang19{
	position: absolute;
         margin-left: -1%;
    margin-top: 49%;
}
.img20>.vedioToCode{
       margin: 9% -7%;
}
.bofang20{
	position: absolute;
     margin-left: -6%;
    margin-top: 49%;

}
.img21>.vedioToCode{
  margin: 10% -6%;
}
.bofang21{
	    position: absolute;
    margin-left: -2%;
    margin-top: 48%;
}
.img22>.vedioToCode{
   margin: 11% -7%;
}
.bofang22{
	position: absolute;
    margin-left: -5%;
    margin-top: 48%;
}
.img23>.vedioToCode{
         margin: -2% 29%;
}
.bofang23{
	    position: absolute;
    margin-left: -5%;
    margin-top: 15%;
}
.img24>.vedioToCode{
        margin: 32% -6%;
}
.bofang24{
position: absolute;
          margin-left: -4%;
    margin-top: 50%;
}
.img25>.vedioToCode{
    margin: 25% -8%;
}
.bofang25{
position: absolute;
       margin-left: -6%;
    margin-top: 50%;

}
.img26>.vedioToCode{
    margin: 3% 14%;
    width: 2rem;
    height: 2rem;
}
.bofang26{
	position: absolute;
 margin-left: -5%;
    margin-top: 48%;
}
.img27>.vedioToCode{
        margin: -2% 27%;
}
.bofang27{
	position: absolute;
  margin-left: -5%;
    margin-top: 17%;
}
.img28>.vedioToCode{
          margin: 24% -7%;
}
.bofang28{
	position: absolute;
    margin-left: -5%;
    margin-top: 49%;
}
.img29>.vedioToCode{
         margin: 24% -7%;
}
.bofang29{
	position: absolute;
        margin-left: -4%;
    margin-top: 50%;
}
.img30>.vedioToCode{
          margin: -3% 29%;
}
.bofang30{
	position: absolute;
      margin-left: -5%;
    margin-top: 15%;
}
.img31>.vedioToCode{
            margin: -1% 26%;
}
.bofang31{
	position: absolute;
       margin-left: -6%;
    margin-top: 20%;
}
.img32>.vedioToCode{
          margin: -1% 26%;
}
.bofang32{
	position: absolute;
     margin-left: -5%;
    margin-top: 20%;
}
.img33>.vedioToCode{
         margin: 24% -7%;
}
.bofang33{
	position: absolute;
        margin-left: -4%;
    margin-top: 50%;
}
.img34>.vedioToCode{
         margin: 24% -7%;
}
.bofang34{
	position: absolute;
        margin-left: -4%;
    margin-top: 50%;
}
.img35>.vedioToCode{
         margin: 24% -7%;
}
.bofang35{
	position: absolute;
        margin-left: -4%;
    margin-top: 50%;
}
.img36>.vedioToCode{
         margin: 24% -7%;
}
.bofang36{
	position: absolute;
        margin-left: -4%;
    margin-top: 50%;
}
.img37>.vedioToCode{
              margin: -3% 28%;
}
.bofang37{
	position: absolute;
         margin-left: -5%;
    margin-top: 17%;
}
.img38>.vedioToCode{
          margin: -2% 29%;
}
.bofang38{
	position: absolute;
       margin-left: -5%;
    margin-top: 15%;
}
.img39>.vedioToCode{
           margin: -3% 28%;
}
.bofang39{
	position: absolute;
     margin-left: -5%;
    margin-top: 16%;
}
.img40>.vedioToCode{
        margin: -2% 29%;
}
.bofang40{
	position: absolute;
   margin-left: -5%;
    margin-top: 16%;
}
.img41>.vedioToCode{
           margin: 32% -7%;
}
.bofang41{
	position: absolute;
        margin-left: -4%;
    margin-top: 50%;
}
.img42>.vedioToCode{
          margin: 31% -7%;
}
.bofang42{
	position: absolute;
        margin-left: -5%;
    margin-top: 49%;
}
.img43>.vedioToCode{
          margin: 32% -7%;
}
.bofang43{
	position: absolute;
      margin-left: -5%;
    margin-top: 50%;
}
.img44>.vedioToCode{
       margin: 17% -7%;
}
.bofang44{
	position: absolute;
      margin-left: -5%;
    margin-top: 50%;
}
/*语音条*/
.sounds{
	position: absolute;
	margin-left: -1%;
    margin-top: 0%;
}
/*语音位置*/
.text1>.erWeiMa{
       width: 2.5rem;
    margin: 1% 32%;
}
.text1>div>img{
	margin-left: 26%;
    margin-top: -16%;
}
.text2>.erWeiMa{
   width: 2rem;
    height: 2rem;
   margin: 0% 1%;
}
.text2>div>img{
	 left: 23%;
    top: 30%;
}
.text3>.erWeiMa{
       width: 2rem;
    height: 2rem;
    margin: -4% 15%;
}
.text3>div>img{
	margin-left: 47%;
    margin-top: -27%;
}
.text4>.erWeiMa{
    width: 1.5rem;
    height: 1.5rem;
        margin: 0% 24%;
}
.text4>div>img{
	margin-left: -3%;
    margin-top: 6%;
}
.text5>.erWeiMa{
       width: 2rem;
      margin: 12% 7%;
}
.text5>div>img{
margin-left: 51%;
    margin-top: -31%;
}
.text6>.erWeiMa{
    width: 2.3rem;
  margin: 1% 0%;
}
.text6>div>img{
     margin-left: 38%;
    margin-top: -23%
}
.text7>.erWeiMa{
    width: 2rem;
    height: 2rem;
   margin: 2% 2%;
}
.text7>div>img{
	    margin-left: 46%;
    margin-top: -30%;
}
.text8>.erWeiMa{
    width: 2rem;
    height: 2rem;
    margin: 3% 2%;
}
.text8>div>img{
	margin-left: 54%;
    margin-top: -37%;
}

.text9>.erWeiMa{
    width: 2rem;
    height: 2rem;
       margin: 2% 7%;
}
.text9>div>img{
	margin-left: 41%;
    margin-top: -23%;
}
.text10>.erWeiMa{
    width: 3rem;
       margin: -1% 1%;
}
.text10>div>img{
	margin-left: 65%;
    margin-top: -37%;
}
.text11>.erWeiMa{
    width: 3rem;
       margin: -1% 1%;
}
.text11>div>img{
	margin-left: 65%;
    margin-top: -37%;
}
.text12>.erWeiMa{
    width: 3rem;
       margin: -1% 1%;
}
.text12>div>img{
	margin-left: 65%;
    margin-top: -37%;
}
.text13>.erWeiMa{
      width: 2rem;
    margin: 1% 20%;
}
.text13>div>img{
	    margin-left: 5%;
    margin-top: 4%;
}
.text14>.erWeiMa{
    width: 3rem;
       margin: -1% 1%;
}
.text14>div>img{
	    margin-left: 58%;
    margin-top: -29%;
}
.text15>.erWeiMa{
      margin: -1% 20%;
}
.text15>div>img{
    margin-left: 10%;
    margin-top: -1%;
}
.text16>.erWeiMa{
        margin: 0% 17%;
    width: 2.4rem;
}
.text16>div>img{
   margin-left: 34%;
    margin-top: -19%;
}
.text17>.erWeiMa{
         margin: 25% 9%;
}
.text17>div>img{
        margin-left: 18%;
    margin-top: 12%;
}
.text18>.erWeiMa{
    width: 3rem;
    margin: 0% 14%;
}
.text18>div>img{
      margin-left: 55%;
    margin-top: -31%;
}
.vedioToCode>img {
    width: 10%;
}
/*插页模板*/
.iset1{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/c1.jpg) no-repeat;
	background-size:contain;
	position: relative;
}
.iset2{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/c2.jpg) no-repeat;
	background-size:contain;
	position: relative;
}
.iset3{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/c3.jpg) no-repeat;
	background-size:contain;
	position: relative;
}
.iset4{
	width: 8.27rem;
	height: 11.68rem;
	background: url(../../images/photoNewBook/fresh/b18.jpg) no-repeat;
	background-size:contain;
	position: relative;
}

.text19{
	 position: absolute;
    width: 5.70666rem;
    height: 8.933333rem;
    margin-top: 1.52rem;
    margin-left: 1.4rem;
    border: 1px solid;
    writing-mode: vertical-lr;
}
.iset5{
	width: 8.27rem;
	height: 11.68rem;
	background-color: #FFFFFF;
	position: relative;
}
.r44{
	position: absolute;
    margin-left: 38%;
    margin-top: 69%;
}
.img44{
    width: 90%;
    height: 11rem;
    position: absolute;
    margin: 4% 5%;	
    overflow: hidden;
}

/*插页*/
.ima_mb{
	display: none;
}
.r44{
	background-color: rgb(135,225,213);;
}
.mw1{
    width: 100%;
}
.mw0{
    height: 100%;
}